
//对1像素边框进行响应式操作
@media only screen and(-webkit-min-device-pixel-ratio:1.5){

  .border-1px-bottom{
    &:after{
      -webkti-transform:scale(0.7);
      transform:scaleY(0.7);
    }
  }
  .border-1px-top{
    &:before{
      -webkti-transform:scale(0.7);
      transform:scaleY(0.7);
    }
  }
  .border-1px-left{
    &:before{
      -webkti-transform:scaleX(0.7);
      transform:scaleX(0.7);
    }
  }


}

@media only screen and (min-device-pixel-ratio:1.5){
  .border-1px-bottom{
    &:after{
      -webkti-transform:scale(0.7);
      transform:scaleY(0.7);
    }
  }
  .border-1px-top{
    &:before{
      -webkti-transform:scale(0.7);
      transform:scaleY(0.7);
    }
  }
  .border-1px-left{
    &:before{
      -webkti-transform:scaleX(0.7);
      transform:scaleX(0.7);
    }
  }
}

@media only screen and (min-device-pixel-ratio:2){
  .border-1px-bottom{
    &:after{
      -webkti-transform:scale(0.5);
      transform:scaleY(0.5);
    }
  }
  .border-1px-top{
    &:before{
      -webkti-transform:scale(0.5);
      transform:scaleY(0.5);
    }
  }
  .border-1px-left{
    &:before{
      -webkti-transform:scaleX(0.5);
      transform:scaleX(0.5);
    }
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
  .border-1px-bottom{
    &:after{
      -webkti-transform:scale(0.5);
      transform:scaleY(0.5);
    }
  }
  .border-1px-top{
    &:before{
      -webkti-transform:scale(0.5);
      transform:scaleY(0.5);
    }
  }
  .border-1px-left{
    &:before{
      -webkti-transform:scaleX(0.5);
      transform:scaleX(0.5);
    }
  }

}

.clearfix{
  &:before{
    content:"";
    display:table;
  }
  &:after{
    content:"";
    display:table;
    clear:both;
  }
}

